<!--
 * @Author: your name
 * @Date: 2021-11-16 15:14:48
 * @LastEditTime: 2021-11-18 16:30:05
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue_cli_demo5\src\views\Main.vue
-->
<template>
  
    <el-container style="height:100%">
    <el-aside width="auto">
      <common-aside :listtest="listtest"></common-aside>
    </el-aside>
    <el-container>
    <el-header>
      <common-header></common-header>
    </el-header>
    <el-main><router-view /></el-main>
  </el-container>
</el-container>

</template>

<script>
import CommonAside from '../components/CommonAside.vue'
import CommonHeader from '../components/CommonHeader.vue'
export default {
  name: 'Main',
  data() {
    return {
      msgFormSon: "这是子组件",
      listtest:'父到子传值'
    }
  },
  components: {
    CommonAside,
    CommonHeader
  },
  methods:{
    getMsgFormSon(data){
                this.msgFormSon = data
                console.log(this.msgFormSon)
            }
  }
}
</script>

<style lang="scss" scoped>
.el-header{
   background:#333 ;
}
.el-main{
  padding-top: 0;
}
</style>
